<template>
	<div class="mui-numbox" data-numbox-min="1" data-numbox-max="max" style="height:25px;">
		<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
		<input id="test" class="mui-input-numbox" type="number" :value="initcount" @change="countChanged" ref="numbox" />
		<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
	</div>
	<!-- 当文本框的值一变化就传给父组件 -->
</template>
<script>
import mui from '../../lib/mui/js/mui.min.js'
export default {
	mounted() {
		mui('.mui-numbox').numbox()
	},
	methods: {
		//每当数量值改变。则把最新的数量同步到购物车store中，覆盖之前的数量值
		countChanged() {
			this.$store.commit('updateGoodsInfo', {
				id: this.goodsid,
				count: this.$refs.numbox.value,
			})
		},
	},
	props: ['initcount', 'goodsid'],
}
</script>

<style lang=""></style>
